import React from 'react';
export const OurTeamPage = () => {
  const teamMembers = [{
    id: 1,
    name: 'Emma Chen',
    role: 'Founder & CEO',
    image: 'https://images.unsplash.com/photo-1580489944761-15a19d654956?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=800&q=80',
    bio: 'Former pediatric nurse with a passion for child safety. Emma founded CubHouseBuy after struggling to find reliable product information for her twins.'
  }, {
    id: 2,
    name: 'James Wilson',
    role: 'Chief Product Officer',
    image: 'https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=800&q=80',
    bio: 'With 15 years in product development and testing, James ensures all recommendations meet the highest standards for safety and quality.'
  }, {
    id: 3,
    name: 'Dr. Sarah Park',
    role: 'Medical Advisor',
    image: 'https://images.unsplash.com/photo-1573496359142-b8d87734a5a2?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=800&q=80',
    bio: 'Board-certified pediatrician with a special interest in infant development and safety. Dr. Park reviews all health-related content and product recommendations.'
  }, {
    id: 4,
    name: 'Michael Rodriguez',
    role: 'Head of Product Testing',
    image: 'https://images.unsplash.com/photo-1531384441138-2736e62e0919?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=800&q=80',
    bio: 'Former consumer safety inspector who leads our rigorous product testing program. Father of three who understands what parents need.'
  }, {
    id: 5,
    name: 'Olivia Taylor',
    role: 'Community Manager',
    image: 'https://images.unsplash.com/photo-1567532939604-b6b5b0db2604?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=800&q=80',
    bio: 'Early childhood educator who manages our Cub Club community. Olivia ensures parents get the support and information they need.'
  }, {
    id: 6,
    name: 'David Nguyen',
    role: 'Content Director',
    image: 'https://images.unsplash.com/photo-1500648767791-00dcc994a43e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=800&q=80',
    bio: 'Award-winning journalist who oversees all content creation. David is committed to clear, factual information that parents can trust.'
  }];
  const experts = [{
    id: 1,
    name: 'Dr. Emily Johnson',
    specialty: 'Pediatric Sleep Specialist',
    image: 'https://images.unsplash.com/photo-1559839734-2b71ea197ec2?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=800&q=80'
  }, {
    id: 2,
    name: 'Prof. Robert Lee',
    specialty: 'Child Development Researcher',
    image: 'https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=800&q=80'
  }, {
    id: 3,
    name: 'Lisa Martinez',
    specialty: 'Certified Lactation Consultant',
    image: 'https://images.unsplash.com/photo-1544005313-94ddf0286df2?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=800&q=80'
  }, {
    id: 4,
    name: 'Dr. Thomas Wright',
    specialty: 'Pediatric Nutritionist',
    image: 'https://images.unsplash.com/photo-1506794778202-cad84cf45f1d?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=800&q=80'
  }];
  return <div className="w-full bg-cream">
      {/* Hero Section */}
      <section className="bg-white py-16">
        <div className="container mx-auto px-4 md:px-6">
          <div className="max-w-3xl mx-auto text-center">
            <h1 className="font-nunito font-bold text-3xl md:text-5xl text-dark mb-6">
              Meet Our Team
            </h1>
            <p className="font-inter text-lg text-gray-600">
              The passionate people behind CubHouseBuy who are dedicated to
              helping parents make informed decisions.
            </p>
          </div>
        </div>
      </section>
      {/* Core Team */}
      <section className="py-16">
        <div className="container mx-auto px-4 md:px-6">
          <div className="text-center mb-12">
            <h2 className="font-nunito font-semibold text-2xl md:text-3xl text-dark mb-4">
              Our Core Team
            </h2>
            <p className="font-inter text-gray-600 max-w-2xl mx-auto">
              Meet the dedicated professionals who work tirelessly to bring you
              the most reliable baby product guidance.
            </p>
          </div>
          <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8">
            {teamMembers.map(member => <div key={member.id} className="bg-white rounded-lg overflow-hidden shadow-sm">
                <div className="aspect-square relative">
                  <img src={member.image} alt={member.name} className="w-full h-full object-cover" />
                </div>
                <div className="p-6">
                  <h3 className="font-nunito font-semibold text-xl mb-1">
                    {member.name}
                  </h3>
                  <p className="text-terracotta font-medium text-sm mb-3">
                    {member.role}
                  </p>
                  <p className="text-gray-600 text-sm">{member.bio}</p>
                </div>
              </div>)}
          </div>
        </div>
      </section>
      {/* Our Experts */}
      <section className="py-16 bg-white">
        <div className="container mx-auto px-4 md:px-6">
          <div className="text-center mb-12">
            <h2 className="font-nunito font-semibold text-2xl md:text-3xl text-dark mb-4">
              Our Expert Contributors
            </h2>
            <p className="font-inter text-gray-600 max-w-2xl mx-auto">
              We work with leading specialists who review our content and
              provide expert insights.
            </p>
          </div>
          <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6">
            {experts.map(expert => <div key={expert.id} className="bg-cream rounded-lg overflow-hidden shadow-sm text-center p-6">
                <div className="w-24 h-24 mx-auto rounded-full overflow-hidden mb-4">
                  <img src={expert.image} alt={expert.name} className="w-full h-full object-cover" />
                </div>
                <h3 className="font-nunito font-semibold text-lg mb-1">
                  {expert.name}
                </h3>
                <p className="text-gray-600 text-sm">{expert.specialty}</p>
              </div>)}
          </div>
        </div>
      </section>
      {/* Parent Testers */}
      <section className="py-16">
        <div className="container mx-auto px-4 md:px-6">
          <div className="flex flex-col md:flex-row items-center gap-8 md:gap-16">
            <div className="w-full md:w-1/2">
              <h2 className="font-nunito font-semibold text-2xl md:text-3xl text-dark mb-4">
                Our Parent Testers
              </h2>
              <p className="text-gray-600 mb-4">
                Behind every recommendation is a network of real parents who put
                products to the test in their daily lives. Our parent testing
                community includes families from diverse backgrounds, with
                children of all ages.
              </p>
              <p className="text-gray-600 mb-4">
                These dedicated volunteers use products in real-world conditions
                and provide honest, detailed feedback that helps us understand
                how items perform day after day, wash after wash, and drop after
                drop.
              </p>
              <a href="#" className="inline-flex items-center px-5 py-2.5 bg-terracotta text-white rounded-md hover:bg-terracotta/90 transition-colors font-medium text-base">
                Join Our Testing Program
              </a>
            </div>
            <div className="w-full md:w-1/2">
              <img src="https://images.unsplash.com/photo-1536640712-4d4c36ff0e4e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1000&q=80" alt="Parent testers with children" className="w-full h-auto rounded-lg shadow-md" />
            </div>
          </div>
        </div>
      </section>
      {/* Join the Team */}
      <section className="py-16 bg-terracotta/10 rounded-lg">
        <div className="container mx-auto px-4 md:px-6">
          <div className="max-w-3xl mx-auto text-center">
            <h2 className="font-nunito font-semibold text-2xl md:text-3xl text-dark mb-4">
              Join Our Team
            </h2>
            <p className="font-inter text-gray-600 mb-8">
              We're always looking for passionate people who share our mission
              to help parents make confident decisions about baby products.
            </p>
            <a href="#" className="px-6 py-3 bg-terracotta text-white rounded-md hover:bg-terracotta/90 transition-colors font-medium text-base">
              View Open Positions
            </a>
          </div>
        </div>
      </section>
    </div>;
};